<script setup>

</script>
<!--  http://localhost:9090/personal/index  -->
<!-- 个人中心: 个人信息模块和稿件管理模块(HomeView包含PersonalView，
PersonalView包含： 个人中心页面PersonalIndexView、或发布文章页面PersonalPostView、或稿件管理页面PersonalManagementView)   -->
<template>
  <div style="width: 1200px; margin: 0 auto">
    <el-row :gutter="10">
      <el-col :span="4">
        <el-card style="height: 500px">
          <!--  在el-menu中加一个router属性并给el-menu-item的index属性上添加路由的路径，即可实现点击菜单跳转到相应的路由
            这是el-menu自带的一个路由功能，不需要写router-link(只需要在tl-menu-item的index属性上添加路由的路径并在el-menu标签上添加一个router单词即可)-->
          <el-menu active-text-color="orange" router default-active="personal/index" style="border: 0">
            <el-menu-item index="/personal/index">个人信息</el-menu-item>
            <el-menu-item index="/personal/management">稿件管理</el-menu-item>
          </el-menu>
        </el-card>
      </el-col>
      <el-col :span="20">
        <el-card style="height: 500px; overflow: scroll">
          <router-view/>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>


<script>
export  default {
  name: "PersonalView"/*,
  data() {
    return {
      user: localStorage.user? JSON.parse(localStorage.user) : null
    }
  }*/
}
</script>
<style scoped>

</style>